---
layout: content
---

<h2 class="popular-articles-subheader">Welcome on Exadel authoring Kit for AEM</h2>
<ul class="popular-articles-container" id="popular-articles-list">
  {% for article in articles %}
  {# Check if article is manually added #}
    {% if article.title and article.content and article.url %}
      <li class="popular-articles-item">
        <h3 class="mb-2 h4">{{ article.title }}</h3>
        <p class="popular-articles-content">{{ article.content }}</p>
        <a href="{{ article.url | url }}">Learn More</a>
      </li>
    {# Search for articles only using its link (/content/..) #}
    {% else %}
      {% for item in collections.all | equalByUrl(article) %}
        <li class="popular-articles-item">
          {% set text = item.data.content %}
          <h3 class="mb-2 h4">{{ text | extractArticleHeader | striptags }}</h3>
          <p class="popular-articles-content">{{ text | extractArticleContent | striptags }}</p>
          <a href="{{ item.data.page.filePathStem | url }}">Learn More</a>
        </li>
      {% endfor %}
    {% endif %}
  {% endfor %}
</ul>
